<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        button {
            width: 150px;
            height: 50px;
            margin: 20px;
        }
    </style>
</head>

<body>
    <button>示例演示</button></br>
    <button>获取信息</button></br>
    <button>注册接口---不带数据</button></br>
    <button>注册接口---只带用户名</button></br>
    <button>注册接口---只带用户名和密码</button></br>
    <button>注册接口---带用户名密码生日</button></br>
    <button>登录接口---不带信息</button></br>
    <button>登录接口---带用户名</button></br>
    <button>登录接口---带用户名和密码</button></br>
    <button>登录验证</button></br>
    <button>退出登录</button>

    <hr>
    <button>获取班级成员信息</button></br>
    <button>根据ID获取图片信息</button></br>
    <hr>
    <button>根据用户名获取用户订单号</button></br>
    <button>根据订单号获取商品信息</button></br>

    <hr>
    <button>请求服务器2的数据---跨域问题</button></br>
    <button>请求服务器2的数据---JSONP跨域</button></br>
    <button>请求服务器2的数据---CORS</button></br>

    <hr>
    <button>登录功能</button></br>
    <button>退出功能</button></br>
    <button>检测登录</button></br>
    <button>获取购物车信息</button></br>
    <button>添加购物车信息</button></br>
    <button>删除购物车信息</button></br>
    <button>清空购物车信息</button></br>
    <button>获取所有数据</button></br>
    <button>获取单条数据</button></br>
    <button>获取某一页数据</button></br>


    <script src="./jQuery.js"></script>
    <script>

        var btns = document.querySelectorAll("button");

        // demo接口
        btns[0].onclick = function () {
            $.get("/lession01/demo", function (data) {
                console.log(data);
            })
        }



        // 获取用户信息接口
        btns[1].onclick = function () {
            $.get("/lession01/getUserInfo", function (data) {
                console.log(data);
            })
        }

        // 注册接口
        btns[2].onclick = function () {
            $.post("/lession01/regist", function (data) {
                console.log(data);
            });
        }

        btns[3].onclick = function () {
            $.post("/lession01/regist", { username: "zhangsan" }, function (data) {
                console.log(data);
            });
        }
        btns[4].onclick = function () {
            $.post("/lession01/regist", { username: "zhangsan", password: "lisi" }, function (data) {
                console.log(data);
            });
        }
        btns[5].onclick = function () {
            $.post("/lession01/regist", { username: "zhangsan", password: "lisi", birthDay: Date.now() }, function (data) {
                console.log(data);
            });
        }

        // 登录功能
        btns[6].onclick = function () {
            $.post("/lession01/login", {}, function (data) {
                console.log(data);
            });
        }
        btns[7].onclick = function () {
            $.post("/lession01/login", { username: "zhangsan" }, function (data) {
                console.log(data);
            });
        }
        btns[8].onclick = function () {
            $.post("/lession01/login", { username: "zhangsan", password: "lisi" }, function (data) {
                console.log(data);
            });
        }

        // 登录验证
        btns[9].onclick = function () {
            $.get("/lession01/checkLogin", function (data) {
                console.log(data);
            })
        }

        // 退出登录
        btns[10].onclick = function () {
            $.get("/lession01/exit", function (data) {
                console.log(data);
            });  
        }
        // 获取班级成员信息
        btns[11].onclick = function () {
            $.get("/lession02/getStudentsName", function (data) {
                console.log(data);
            });  
        }
        // 根据id获取图片信息
        btns[12].onclick = function () {
            $.get("/lession02/getImgsById", {id: 8}, function (data) {
                console.log(data);
            });  
        }
        

         // 根据用户名获取订单列表
         btns[13].onclick = function () {
            $.post("/lession03/getOrderList", {username: "张三"}, function (data) {
                console.log(data);
            });  
        }  
        // 根据订单号获取商品信息
        btns[14].onclick = function () {
            $.post("/lession03/getDetails", {orderId: "afasdfdsafdsaf"}, function (data) {
                console.log(data);
            });  
        }


        // 跨域报错
        btns[15].onclick = function () {
            $.get("http://localhost:3001/lession04/getA",  function (data) {
                console.log(data);
            });  
        }
        // JSONP跨域
        btns[16].onclick = function () {
            $.ajax({
                url: "http://localhost:3001/lession04/getB",
                dataType: "jsonp",
                jsonpCallback:"aaa",
                success (data) {
                    console.log(data);
                }
            });  
        }
        
        // CORS跨域
        btns[17].onclick = function () {
            $.get("http://localhost:3001/lession04/getC",  function (data) {
                console.log(data);
            });  
        }



        // 登录功能
        btns[18].onclick = function () {
            $.post("/lession05/login", {username: "xxx", password: "xxx"}, function (data) {
                console.log(data);
            });  
        }
        // 退出功能
        btns[19].onclick = function () {
            $.get("/lession05/exit",  function (data) {
                console.log(data);
            });  
        }
        // 检测登录
        btns[20].onclick = function () {
            $.get("/lession05/checkLogin",  function (data) {
                console.log(data);
            });  
        }
        // 获取购物车信息
        btns[21].onclick = function () {
            $.get("/lession05/getShoppingCart",  function (data) {
                console.log(data);
            });  
        }
        // 添加购物车信息
        btns[22].onclick = function () {
            $.get("/lession05/addToCart",{id: parseInt(Math.random() * 10) + 1},  function (data) {
                console.log(data);
            });  
        }
        // 删除购物车信息
        btns[23].onclick = function () {
            $.get("/lession05/deleteCart", {id: 8},  function (data) {
                console.log(data);
            });  
        }
        // 清空购物车信息
        btns[24].onclick = function () {
            $.get("/lession05/clearCart",  function (data) {
                console.log(data);
            });  
        }
        // 获取所有数据
        btns[25].onclick = function () {
            $.get("/lession05/getAllData",  function (data) {
                console.log(data);
            });  
        }
        // 获取单条数据
        btns[26].onclick = function () {
            $.get("/lession05/getDataById",  {id: 3}, function (data) {
                console.log(data);
            });  
        }
        // 获取某一页数据
        btns[27].onclick = function () {
            $.get("/lession05/getList", {page: 3, count: 10},  function (data) {
                console.log(data);
            });  
        }
    </script>
</body>

</html>